.evaluation {
    padding-top: 70px;
    height: 100vh;
    background: #f2f5fa;

    .evaluation_bor {
        width: 98%;
        margin: 0 auto;
        padding: 0 10px;
        position: relative;
        height: calc(100% - 50px);

    }

    .eval_top {
        width: 100%;
        height: 43%;
        display: flex;
        align-items: center;

        .top_box {
            background: url(@/assets/studen/images/eval_bag.png) no-repeat;
            background-position: center;
            background-size: 100% 100%;
            flex: 1;
            height: 100%;
            display: flex;
            padding: 10px;

            &:nth-child(n+2) {
                margin-left: 10px;
            }

            .topbox_left_maiin {
                width: 90%;
                height: 100%;
                background-color: white;
                padding: 10px;
            }

            .topbox_right_title {
                writing-mode: vertical-rl;
                text-align: center;
                line-height: 38px;
                width: 10%;
                height: 100%;
                background: url(/src/assets/studen/images/monit_title.png) no-repeat;
                background-position: 100% 55%;
                color: white;
                font-weight: bold;
                font-size: 18px;
                margin-left: 5px;
            }
        }

        .top_boxs {
            flex: 2;

            .topbox_left_maiin {
                width: 94%;
            }

            .topbox_right_title {
                width: 6%;
            }
        }

        /* 征信大数据 */
        .tboxl_main_one {
            &:nth-child(1) {
                margin-bottom: 15px;
            }

            &:nth-child(2) {
                padding-top: 15px;
                border-top: 2px dashed #64A4FC;
            }

            .tboxl_main_one_zxbg,
            .tboxl_main_one_pfmx {
                width: 100%;
                border: 1px solid #235AA6;
                font-size: 14px;
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                -ms-border-radius: 5px;
                -o-border-radius: 5px;
                padding: 10px;

                /* dl {
                    padding: 5px;
                }*/


            }

            .tboxl_main_one_zxbg .tboxlhide_title,
            .tboxl_main_one_pfmx .tboxlhide_title {
                min-width: 115px;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

            .grzxbg_baglen {
                background-color: #0a49db1f;
                border-radius: 20px;
                text-align: right;
                display: flex;
                align-items: center;
                position: relative;
                height: 20px;
                width: 90%;

                .grzxbg_baglen_span {
                    background-color: #0A48DB;
                    display: block;
                    height: 20px;
                    border-radius: 20px;
                }

                .grzxbg_baglen_i {
                    position: absolute;
                    right: -30px;
                }
            }

            .pfmx_baglen {
                background-color: #ffb60c33;
                border-radius: 20px;
                text-align: right;
                display: flex;
                align-items: center;
                position: relative;
                height: 20px;
                width: 90%;

                .pfmx_baglen_span {
                    background-color: #FFB80C;
                    display: block;
                    height: 20px;
                    border-radius: 20px;
                }

                .pfmx_baglen_i {
                    position: absolute;
                    right: -30px;
                }
            }


        }

        .tboxl_main_one h3 {
            font-size: 18px;
            text-align: center;
        }
    }

    /* 大数据金融监管 */
    .cl_model {
        width: 100%;
        height: 100%;
    }

    /* 大数据处理 */
    .big_toplen {
        width: 100%;
        height: 28%;
        box-shadow: 0 0 5px 0px #3e80f3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;
        padding: 10px;

        .big_cjwj {
            width: 100%;
            height: 60%;
            box-shadow: 1px 1px 3px 2px #3e80f3;
        }
    }

    .big_toplen h3 {
        font-size: 18px;
        text-align: center;
    }

    .big_bottombie {
        width: 100%;
        height: 71%;
        margin-top: 10px;
        box-shadow: 0 0 5px 0px #3e80f3;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        -ms-border-radius: 5px;
        -o-border-radius: 5px;

    }

    /* 证券大数据 */
    .top_boxs_main {
        display: flex;
        align-items: center;

        .zqbox_left {
            flex: 2;
            height: 100%;
            margin-right: 10px;

            .zqboxle_top {
                width: 100%;
                height: 49%;
                background: url(@/assets/studen/images/eval_bag.png) no-repeat;
                background-position: center;
                background-size: 100% 100%;
            }

            .zqboxle_btm {
                width: 100%;
                height: 49%;
                margin-top: 5px;
                background: url(@/assets/studen/images/eval_bag.png) no-repeat;
                background-position: center;
                background-size: 100% 100%;
            }
        }

        .zqbox_right {
            flex: 1;
            height: 100%;
            background: url(@/assets/studen/images/eval_bag.png) no-repeat;
            background-position: center;
            background-size: 100% 100%;

            .zqboxpie_top {
                width: 100%;
                height: 49%;
                border-bottom: orange 2px dashed;
                padding-bottom: 5px;
            }

            .zqboxlepie_btm {
                width: 100%;
                height: 49%;
                /* margin-top: 5px;*/
            }
        }
    }


}

.eval_bottom {
    width: 100%;
    height: 57%;
    display: flex;
    align-items: center;

    .btmbox_left {
        flex: 1;
        height: 100%;
        background: url(@/assets/studen/images/eval_bag.png) no-repeat;
        background-position: center;
        background-size: 100% 100%;
        display: flex;
        align-items: center;

        .btboxlft_left {
            width: 90%;
            height: calc(100% - 20px);
            padding: 5px 0px;
            margin-left: 10px;

            .btboxleft__top {
                width: 100%;
                height: 49.5%;
                display: flex;

                .__left1_box {
                    flex: 2;
                    margin-right: 5px;
                    background-color: white;
                }

                .__left2_box {
                    flex: 1.2;
                    background-color: white;
                }

                &:nth-child(2) {
                    margin-top: 5px;
                }

                .biggyl__4 {

                    background-color: white;

                    .biggyl__4_btmbag {
                        display: flex;
                        height: 100%;
                        background: url(@/assets/studen/images/biggyl_dizuo.png) no-repeat;
                        background-position: 55% 100%;
                        background-size: 90% 15%;
                    }

                    .biggyl__4_1 {
                        flex: 1;
                        height: 100%;

                    }
                }
            }
        }

        .btboxlft_title {
            writing-mode: vertical-rl;
            text-align: center;
            line-height: 38px;
            width: 6%;
            height: 100%;
            background: url(@/assets/studen/images/monit_title.png) no-repeat;
            background-position: 100% 55%;
            color: white;
            font-weight: bold;
            font-size: 18px;
            margin-left: 5px;
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: vertical-rl;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }

    .btmbox_right {
        flex: 2;
        height: 100%;

        .btmrith_top {
            display: flex;
            height: 50%;
            background: url(@/assets/studen/images/eval_bag.png) no-repeat;
            background-position: center;
            background-size: 100% 100%;
        }

        .btmrith_btm {
            display: flex;
            height: 50%;
            background: url(@/assets/studen/images/eval_bag.png) no-repeat;
            background-position: center;
            background-size: 100% 100%;

            .btmr_r1 {
                flex: 1;
                margin-right: 5px;
            }

            .btmr_r2 {
                flex: 1;
                margin-right: 5px;
                background-color: white;
            }

            .btmr_r3 {
                flex: 1;
                background-color: white;
            }
        }

        .btmrr1_top {
            height: 98%;
            background-color: white;
        }

        .btmrr1_top p {
            text-align: center;
            font-weight: bold;
            padding-top: 5px;
        }

        .btmrr1_tom {
            margin-top: 5px;
            height: 48%;
            background-color: white;
        }

        .btmrr1_top_box {
            width: 95%;
            height: 100%;
            /*margin: 5px auto;*/
            border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            -ms-border-radius: 5px;
            -o-border-radius: 5px;
            /* border: 2px solid #1A83E6;*/

            .btmrr1_top1s {
                width: 95%;
                margin: 0px auto;
                height: 20px;
                background-color: #B5B6D7;
                margin-top: 50px;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                position: relative;
            }

            .btmrr1_top1s1,
            .btmrr1_top1s2 {
                color: #fff;
                height: 100%;
                position: relative;
            }

            .btmrr1_top1s1 {
                &::before {
                    content: "公开";
                    color: #0156F4;
                    position: absolute;
                    left: 0;
                    top: -24px;
                }
            }

            .btmrr1_top1s2 {
                &::before {
                    content: "私有";
                    color: #34CF80;
                    position: absolute;
                    left: 0;
                    top: -24px;
                }
            }

            .btmrr1_top1s .btmrr1_top1s1_text {
                position: absolute;
                top: -1px;
                right: 10px;
            }

            .btmrr1_top1s1_len1 {
                width: 50%;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                background-image: linear-gradient(to right, #90A1DE, #477AEB, #0555F7);
                height: 100%;
            }

            .btmrr1_top1s1_len2 {
                width: 50%;
                border-radius: 10px;
                -webkit-border-radius: 10px;
                -moz-border-radius: 10px;
                -ms-border-radius: 10px;
                -o-border-radius: 10px;
                background-image: linear-gradient(to right, #9AC0C2, #68CD9D, #30DD73);
                height: 100%;
            }
        }

        .btmrith_top_r {

            width: 96%;
            height: 100%;
            display: flex;
            padding: 5px 10px;

            .tomr_r1 {
                flex: 2.2;
                margin-right: 5px;
                background-color: white;
                display: flex;
                align-items: center;

                .tomr_r11 {
                    flex: 1;
                    height: 100%;
                }
            }

            .tomr_r2 {
                flex: 1.5;
                margin-right: 5px;
                background-color: white;
            }

            .tomr_r3 {
                flex: 1.5;
                background-color: white;
                padding: 10px;

                .tomr_r3_left {
                    height: 100%;
                    padding: 10px;
                    border-radius: 5px;
                    -webkit-border-radius: 5px;
                    -moz-border-radius: 5px;
                    -ms-border-radius: 5px;
                    -o-border-radius: 5px;
                    border: 2px solid #1A83E6;

                    .tomrl_s01 {
                        width: 90%;
                        margin: 20px auto;
                        text-align: center;


                    }

                    .tomrl_s01 ul {
                        margin-bottom: 10px;
                        color: #333333;
                        font-weight: bold;
                    }

                    .tomrl_s01len {
                        width: 100%;
                        height: 20px;
                        position: relative;
                        overflow: hidden;
                        border-radius: 20px;
                        -webkit-border-radius: 20px;
                        -moz-border-radius: 20px;
                        -ms-border-radius: 20px;
                        -o-border-radius: 20px;

                    }

                    .tomrl_s01len_li {
                        height: 100%;
                        border-radius: 20px;
                        -webkit-border-radius: 20px;
                        -moz-border-radius: 20px;
                        -ms-border-radius: 20px;
                        -o-border-radius: 20px;
                    }

                    .tomrl_s01len_text {
                        position: absolute;
                        right: 5px;
                        top: -1px;
                        font-weight: 500;
                    }

                    ._s01len_li_s01 {
                        background-color: #ec545759;

                        .tomrl_s01len_li {
                            background-color: #EC5456;
                        }
                    }

                    ._s01len_li_s02 {
                        background-color: #57d2e846;

                        .tomrl_s01len_li {
                            background-color: #57D2E8;
                        }
                    }
                }
            }
        }

        .btmrith_top_title {
            writing-mode: vertical-rl;
            text-align: center;
            line-height: 38px;
            width: 3%;
            height: 95%;
            background: url(@/assets/studen/images/monit_title.png) no-repeat;
            background-size: 90% 90%;
            background-position: 60% 100%;
            color: white;
            font-weight: bold;
            font-size: 18px;
            -webkit-writing-mode: vertical-rl;
            -ms-writing-mode: vertical-rl;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
}


@media screen and (max-width: 1600px) {
    .tboxl_main_one h3 {
        font-size: 14px !important;
    }

    .tboxl_main_one:nth-child(2) {
        padding-top: 10px !important;
    }

    .evaluation .eval_top .tboxl_main_one .grzxbg_baglen,
    .pfmx_baglen {
        height: 12px !important;
        width: 87% !important;

        .grzxbg_baglen_span,
        .pfmx_baglen_span {
            height: 12px !important;
        }
    }

    .tboxl_main_one_zxbg,
    .tboxl_main_one_pfmx {
        font-size: 12px !important;
    }

    .btmrr1_top1s {
        margin-top: 25px !important;
    }

    .btmrr1_top_box {
        height: 75% !important;
    }

    .top_box .topbox_right_title {
        width: 12% !important;
    }

    .top_boxs .topbox_right_title {
        width: 7% !important;
    }

    .tomr_r3_left .tomrl_s01 {
        margin: 5px auto !important;
    }

    .big_toplen {
        padding: 2px 10px !important;
    }

    .big_cjwj {
        height: 50% !important;
    }
}